* {
    margin:0;
    padding:0;
    font-family: arial,verdana,  tahoma, san serif;
}
body { word-wrap: break-word; }
ul { }
li { list-style-image:none;list-style-position:outside;list-style-type:none;}
h1 {  font-size: 20pt; }
h2{
    font-weight:bold;
    font-size:12pt;
    height:20px;
}
h3 {
    background-color:#c6d6eb;
    color:#144f9f;
    font-weight:bold;
    font-size:11pt;
    height:20px;
}
h4{
    font-weight:bold;
    font-size:11pt;
}
img { border: none; }
dl { text-align: left; padding-left: 30px; }
hr { color: #d7d007 /*yellow*/; height: 1px; padding-bottom: 0px; margin-bottom: 5px;}

/******************* Tables *******************/
table {
    border-top: 1px solid #86a3ca; /* blue */
    border-left: 1px solid #86a3ca;
    border-bottom: 1px solid #86a3ca;
    /*clear: both;*/
    color: #333;
    margin-bottom: 10px;
    width: 100%;
}
th {
    background-color: #c6d6eb;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #86a3ca;
    border-bottom: 1px solid #86a3ca;
    text-align: center;
    font-size: 8pt;
}
th a {
    display: block;
    padding: 2px 4px;
    text-decoration: none;
}
th a:hover {
    background-color: #ccc;
    color: #333;
    text-decoration: none;
}
table tr td {
    border-right: 1px solid #86a3ca;
    padding: 4px;
    vertical-align: top;
    font-size: 9pt;
    text-align: left;
}
table tr.altrow td {
    background: #FFEBC5;
}
table tr.header td {
    border-top: dashed #ccc 1px;
    border-bottom: dashed #ccc 1px;
    font-weight: bold;
    background: #e7e7e7;
}
table tr.header th {
    border-top: dashed #ccc 1px;
    border-bottom: dashed #ccc 1px;
    font-weight: bold;
    background: #e7e7e7;
    text-align: center;
}
td.actions {
    text-align: center;
    /*white-space: nowrap;*/
}
td.actions a {
    display: inline;
    margin: 0px 6px;
}
td h2,td h3 { text-align: center; }

/******************* Paging ********************/
div.paging {
    color: #ccc;
    margin-bottom: 2em;
    text-align: center;
}
div.paging div.disabled {
    color: #ddd;
    display: inline;
}
div.paging span {
}
div.paging span.current {
    color: #000;
}
div.paging span a {
}

/******************* Forms ******************/
form {
    /*clear: both;*/
    padding: 0;
    text-align: left;
}
form label {
    width: 145px;
    float: left;
    display: block;
    padding: 0;
    margin: 1.4px;
    margin-right: 10px;
    /*text-align: right;*/
}
form .checkbox label {
    display: inline;
    float:none;
}
form .radio .select label {
    display: inline;
    float:none;
}
form.login label {
    width: 120px;
    margin: 1.3px 10px;
}
fieldset {
    border: 1px solid #f89925;
    margin-top: 10px;
    margin-left: 0px;
    padding: 1em 0;
}
fieldset legend {
    color: #204b85; /* blue */
    font-size: 100%;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0 0 0 2em;
    line-height: 150%;
}
fieldset fieldset {
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 16px 0;
}
fieldset fieldset legend {
    font-size: 100%;
    font-weight: normal;
    margin-left: 20px;
    padding-left: 5px;
    padding-right: 5px;
}
fieldset fieldset div {
    clear: left;
    margin: 0 20px;
}
form div {
    clear: both;
    margin-bottom: 0em;
    padding: .5em;
    vertical-align: text-top;
}
form div.input {
    color: #444;
}
form div.datetime {
    color: #444;
}
form div.inline {
    display: inline
}
form div.required, .required {
    color: #333;
    font-weight: normal;
}
form div.submit {
    border: 0;
    clear: both;
    margin-top: 5px;
    margin-left: 140px;
}
label {
    display: inline;
    font-size: 10pt;
    padding-right: 20px;
    font-weight: bold;
}
input {
    clear: none;
    display: inline;
    font-size: 100%;
    font-family: arial, "verdana", "frutiger linotype", "lucida grande",  sans-serif;
    padding: 2px;
    /*width: 70%;*/
    border:1px solid #808080;
}
textarea {
    clear: none;
    display: inline;
    font-size: 100%;
    font-family: arial,"verdana", "frutiger linotype", "lucida grande",  sans-serif;
    padding: 2px;
    width: 60%;
    border:1px solid #808080;
}
textarea.fullview {
    clear: both;
    display: block;
    font-size: 100%;
    font-family: arial,"verdana", "frutiger linotype", "lucida grande",  sans-serif;
    padding: 2px;
    width: 100%;
    border:1px solid #808080;
    margin-left: auto;
    margin-right: auto;
}
select {
    clear: none;
    font-size: 100%;
    vertical-align: text-bottom;
    border: 1px solid #808080;
}
select[multiple=multiple] {
    width: 100%;
}
option {
    font-size: 100%;
    padding: 0 3px;
}
input[type=submit], input[type=button], button {
    display: inline;
    font-size: 100%;
    font-weight: bold;
    padding: 2px 5px;
    margin: 10px 0px 0px 0px;
    width: auto;
    vertical-align: bottom;
    border: #808080 solid 1px; color:#204b85; /* dark blue*/ background: #c0c0c0;
}
input[type=hidden] {
    display: none;
}

input[type=checkbox] {
    clear: left;
    /* float: left;*/
    margin: 0px 6px 7px 2px;
    width: auto;
    border: none;
}
.radio input {
    padding: 10px; margin-left: 20px;clear: both;
}
.radio label {
    float:none; width: 80%;  display: inline;  
}
/*
.radio label, .checkbox label {
    float: none; margin:0px 0px 0px 15px ; text-align: left;
    width: 90%;
}
.radio input, .checkbox input {
    clear: both; float: left; margin:3px 3px 3px 180px;
}
*/
.incell input{ margin: 0px; clear:none; float:none;}
.incell label { font-size: 8pt; font-weight: normal; display:inline;margin: 0px 3px;}
div.incell { clear:none;}

/***************** Notices and Errors *******************/
div.message {
    /*clear: both;*/
    color: #900;
    font-size: 140%;
    font-weight: bold;
    margin: 1em 0;
}

.required input, input.required {
    background-color: #ffe0e0;
}
input.readonly {
    background-color: #A7A7A7;
    color: #fff;
}
div.require select {
    background-color: #ffe0e0;
}

div.error-message {
    clear: both;
    color: #900;
    font-weight: bold;
    padding-left: 170px;
}
p.error {
    background-color: #e32;
    color: #fff;
    font-family: Courier, monospace;
    font-size: 120%;
    line-height: 140%;
    padding: 0.8em;
    margin: 1em 0;
}
p.error em {
    color: #000;
    font-weight: normal;
}
p.error a {
    color: black !important;
    font-family: Courier, monospace !important;
}
.notice {
    background-color: #ffcc00;
    color: #000;
    display: block;
    font-family: Courier, monospace;
    font-size: 120%;
    line-height: 140%;
    padding: 0.8em;
    margin: 1em 0;
}
.success {
    background-color: green;
    color: #FFF;
}
.note { font-size: 9pt; font-style: italic; display:block; padding-bottom: 3px; clear:both;}
.note2 { font-size: 9pt; font-style: italic; display:block; padding-bottom: 3px; }
#flashMessage { text-align: center; }
.instructions { font-size: 9pt; display: block; font-style: italic;}


/**************** main divs *******************/
#container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.maintable { border: none; }
.maintable td { border: none;}
.maintable .left { width: 20px; background: url('../img/background_left_vert.png') top right  repeat-y; padding: 0px; }
.maintable .middle { padding: 0px;background: #FFF2DA /*dull orange*/ url('../img/background_middle_vert.png') top left repeat-x; }
.maintable .right { width: 20px; background: url('../img/background_right_vert.png') top left  repeat-y;}
.maintable .bottom { height: 10px; background: url('../img/background_bottom.png') 0px 0px repeat-x; padding: 0px;}
.bottom .bright { height: 20px;width: 10px; background: url('../img/bg_bottom_right_inside.png') top right no-repeat; float: right;}
.bottom .bleft { height: 20px;width: 10px; background: url('../img/bg_bottom_left_inside.png') top left no-repeat; }
.maintable .bottomleft { width: 20px; background: url('../img/bg_bottom_left.png') top right no-repeat;}
.maintable .bottomright { width: 20px;  background: url('../img/bg_bottom_right.png') top left no-repeat;}


#header { background: url('../img/coat_of_arms.png') no-repeat 10px 0px; height: 90px; }
#header .floatleft { float: left; clear: left; padding-right: 10px;}
#header .floatright { float: right; clear: right; padding-left: 10px; padding-right: 10px;}
#header h1 a{  color: #fef702 /* yellow*/; width: 70%; text-decoration: none; padding-left: 130px;}

#content { padding: 0px 20px;}
#top { }
#topright { padding: 2px 10px;text-align: right; background-color: #134e9f; border-bottom: 1px solid #fef702; /*yellow*/ }
#topleft { padding: 0px 20px;text-align: left; }

#middle { width: 100%;  margin: 0px 0px 30px 0px; padding-top:10px;}
#rightside { width: 250px; float: right; margin-left: 0px; padding-top:10px;}
#middlehasright { width: 70%; margin-right: 10px; padding-top:10px; }

#footer { font-size: 7pt; padding-top: 20px; text-align: center; clear: both;}


/**************** content  *******************/
#content td { border-right:1px solid #86a3ca; padding: 2px;}
#content td.alignleft { text-align: left; }
#content td.tdheader { text-align: left; background: #fffdc3;border-bottom: 1px solid #86a3ca;border-top: 1px solid #86a3ca;}
#content h2 { padding: 5px; margin-bottom: 5px; border: 1px solid #f89925; /* orange */ }
#content h2.double {height: 40px;}
p.contentmenu { font-size: 10pt;  text-align: left; padding-bottom: 5px;}
#content a { text-decoration: none; color: #134e9f; /* blue */}
#content a:hover { text-decoration: underline; }
#content li { margin-left: 10px; }
#content fieldset li { margin-left: 5px; list-style-image:url('../img/icons/bullet2.png');list-style-position:inside;}
#content .nobullet li { list-style-type:none;list-style-image:none;}
.fieldset-inside {
    padding: 0 1em ;
}


/**************** personal links *******************/
#personallinks li { display: inline;list-style-type: none; margin-left: 0px; font-size: 10pt;}
#personallinks a { text-decoration: none; color: #fef702 /* yello */; }
#personallinks a:hover { text-decoration: underline; color: #ffffff; }


/**************** mainpage *******************/
div#mainpage_wrap { padding: 0px 0px 20px 0px; margin-bottom: 20px;}
div#newupdates { width: 300px; float: right; clear: right;}
div#newupdates .content { padding: 5px; border: #c0c0c0 solid 1px; text-align: left; }
div#newupdates h2 {  }
div#newupdates h3 { background: none; text-align: left; padding-top: 10px; color: #000;}
div#newupdates ul li { list-style-position: inside; list-style-image:none; margin-left: 0px;}
div#newupdates a { background: none; border: none; font-weight: bold;}

div#mainpage { padding-right: 320px;}
#mainpage div { text-align: center; font-size: 14pt; border:none; padding: 5px; }
#mainpage .head { padding: 5px; border-bottom: 1px dashed #f89925; }
#mainpage .content { padding-top: 0px; background-color:#fff;}
#mainpage table td {text-align: center; border:none;}
#mainpage table {text-align: center; border-right:1px solid #86A3CA;}
#mainpage table#comm_list {background-color:#d1dded; width: 100%;}
#mainpage table td.committee {text-align: left; border:none; font-size: 12pt;}

/**************** other tasks *******************/
div#othertasks {
    clear: both; text-align: center; padding-top: 20px;
}
#othertasks .head { padding: 5px; border-top: 1px dashed #f89925;font-size: 14pt; margin-bottom: 10px;}
#othertasks .content { padding-top: 0px; }
#othertasks table td {text-align: center; border:none;}
#othertasks table {border-right:1px solid #86A3CA;}


/**************** login box *******************/
#login { width: 400px; margin-top: 70px; margin-bottom: 50px; border:1px solid #f89925; /* orange */}
#login h2 { border: none; background: #fdd7aa; border-bottom: 1px solid #f89925; /* orange */}
#login input { clear: right;}

/**************** login box *******************/
div.keywordsearch_wrap {text-align:right; padding-bottom: 40px; width: 100%;}
div.keywordsearch { float: right;}


/**************** admin menu list *******************/
#adminmenu ul {  white-space: nowrap; }
#adminmenu li { display: inline; list-style-type: none; padding-right: .5em; }
#adminmenu a { padding: 0px 10px 3px 10px; text-decoration: none;}
#adminmenu a:link, #adminmenu a:active, #adminmenu a:visited { color: #fff; background-color: #5181c2;
    border-color: #5181c2 /*medium blue*/;
    border-width: 1px;
    border-style: none none solid none; }
#adminmenu a:hover { color: #fef702 /* yellow*/; background-color:#134e9f;
    border-color: #fef702;
    border-width: 1px;
    border-style: solid none solid none; }
#adminmenu a#current {  background-color: #134e9f;font-weight: bold;
    border-color: #134e9f #fef702 #fef702 #fef702;
    border-width: 1px 1px 1px 1px;
    border-style: solid solid solid solid; color: #fef702 /* yellow*/;}


/**************** comments *******************/
.list_comment { }
.list_comment li { margin-left: 20px; padding-bottom: 10px;}
.view .list_comment li {
    list-style-image:url('../img/icons/bullet2.png');
    list-style-position:inside;
    margin: 0px;
}

/**************** search *******************/
.search { }
.search form { width:100%;}
.search div { clear: none;}
.search .box { border-color: #c6d6eb; border-width: 1px; border-style: none dashed dashed dashed; }
.search .box div {clear: left;}
li.list { list-style-image:none; border-bottom: dotted #cccccc 1px; margin: 0px;}
li.list-no-line { list-style-image:none;border-bottom: none; margin: 0px;}
.search select, .search input { clear: right;}
.search label { width: 20%;}
.search .inline label {
    width:auto;
}
.search .inline input{
    float: left;
}
.search .inline a {
    float: left;
    padding-right: 20px;
}

/****************  meetings & decisions view *******************/
.view table#noborder, .view #noborder td { border: none ; }
.view td.leftcolumn { width: 70% }
.view td.rightcolumn { width: 250px; padding: 0px 10px 5px 20px !important; }
.view td.rightcolumn fieldset { width: 100%; }
.view #dfiles { margin-top: 0px; }
.view #statuses table {
    border-right:1px solid #86a3ca; padding: 2px;
    border-top: 1px solid #86a3ca; /* blue */
    border-left: 1px solid #86a3ca;
    border-bottom: 1px solid #86a3ca;
}
.view #statuses td {
    border-right: 1px solid #86a3ca;
    padding: 4px;
}
div.decision_text {
    padding: 2px;
    border: 1px solid #9fb0fa;
    background: #feffde;
}
h2.minutetitle {
    text-align: center;
}
ul.meetingdetails{
    padding: 10px;
}
ul.meetingdetails .fieldtitle{
    font-weight: bold;
    padding-right: 10px;
}
ul.meetingdetails ol, ul.meetingdetails ol li {
    list-style: decimal inside;
}
.updated {
    background-color:#C4FBBD
}
.noupdated {
    background-color:#FFC6C5
}

/**************** list of users (invite) *******************/
#userlist div.radio div.input{float: left; }
#userlist div.checkbox { float: left; clear: left;}
#userlist div.checkbox input { margin: 5px;}
#userlist div.select { float: right; clear: right; padding-right: 50px;}


/**************** announcements *******************/
div#announcement{ border: #86A3CA solid 1px; margin-bottom: 10px; padding: 10px;}
div#announcement .announce_text { padding-bottom: 10px;}

/**************** calendar *******************/
div#calendardiv {}
div#calendardiv h4 { display:inline;}
div#calendarnav h4 { display:inline; font-size: 9pt; }
div#calendarnav { padding: 3px 0px; font-size: 9pt; text-align: left; }
span#calendarnav_r { float:right; font-size: 9pt; }
table#calendar { border-bottom: none;}
table#calendar th { }
table#calendar td { border-right: 1px solid #86A3CA; border-bottom: 1px solid #86A3CA; background: white; width: 14%; text-align: left; vertical-align: top; font-size: 9pt;  }
table#calendar .weekend { background-color: #dfdfdf;}
table#calendar .summary { display:block;}
table#calendar span { display:inline;text-align: left; vertical-align: top; font-size: 9pt;}
table#calendar div.summary { text-align: left; vertical-align: top; font-size: 9pt;}
table#calendar .test{ font-weight: bold; background-color: #FFCCCC;}
table#calendar .day { font-weight: bold;}


/**************** templates *******************/
div#message_preview {
    padding: 10px;
    border: 1px solid #ccc;
}
.templates p, div#message_preview p { padding: 5px 0;}


/**************** tinymce *******************/
.mceToolbar table tr td {
    border:none !important;
}
#DecisionAddForm .mceEditor {
    float: left;
}
#DecisionEditForm .mceEditor {
    float: left;
}


/*********** autocomplete list ************/
.auto_complete dir li.autocomplete {
    border-bottom: 1px dotted #f89925; /* orange */
}
li.selected{ 
    background-color:#99FFFF; 
}

span.highlight {
    font-weight: bold;
    background-color:yellow;
}
div.auto_complete {
    background: #fff;
    border: 1px solid black;
}


/*************install*************************/
.license{
    margin-left:auto;
    margin-right:auto;
    vertical-align: middle;
    width: 52em;
}
.license fieldset{
    margin-left:auto;
    margin-right:auto;
    width:51em;
    height:26em;
}
.license div{
    overflow:auto;
    margin-left:auto;
    margin-right:auto;
    width:50em;
    height:25em;
}
.license form .checkbox{
    height:1em;
}
#installation ul { margin: 20px 10px 0px 0px;}
#installation ul li {display: inline; padding: 10px; font-size: 110%; font-weight: bold; margin-right: 10px;}
#installation ul li.selected { background-color: #00007E; color: #fff;}
#installation label { width: auto;}

/*************** install2 page ************/
#defaultrole{
display: none;
}

/*************** install3 page **********/
.settings fieldset form input{
    clear: none;
    display: inline;
    font-size: 100%;
    font-family: arial, "verdana", "frutiger linotype", "lucida grande",  sans-serif;
    padding: 2px;
    margin-top: 0px; 
    margin-bottom: 0px;
    width: 16.5%;
    border:1px solid #808080;
}

.settings fieldset form input#login{
    clear: none;
    display: inline;
    font-size: 100%;
    font-family: arial, "verdana", "frutiger linotype", "lucida grande",  sans-serif;
    padding: 2px;
    margin-top: 0px; 
    margin-bottom: 0px;
    width: 16.5%;
    border:1px solid #808080;
}

/************* help page ***************/
.help .button{
    position: absolute; 
    left: 600px;   
    margin-top:0px;
}

/************* ical ***************/
div#ical {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 10px;
    border: dotted 1px #FFA500;
}
div#ical .button {
    width: 50px;
    text-align: center;
}

/******************  misc *********************/
.buttons {
    clear:both;
    padding: 3px 0px;
}
.button {
    display: inline;
    font-size: 100%;
    font-weight: bold;
    padding: 2px 5px;
    margin: 10px 0px 0px 0px;
    width: auto;
    vertical-align: bottom;
    border: #808080 solid 1px; color:#204b85; /* dark blue*/ background: #c0c0c0;
}
.fieldtitle {
    width:100em;
}

.multicheck {
    margin:0;
    padding:0;
    height: 8em;
    overflow: auto;
    list-style-type:none;
    border: 1px dashed black;
}


pre.description {
    padding: 5px;
    background: #ccc;
}

.viewtitle {
    font-weight: bold; display:inline; font-size: 11pt;
}
.noborder, input.noborder, .checkbox input{ border: none;}
.hijau { color: green; font-style: italic;}
.merah { color: red; font-style: italic;}
.bold { font-weight: bold; }


#committee_search{ 
    margin: 0px 200px 
}
#committee_search_submit{ 
    margin: 0px 200px 
}

.agenda {
    padding:10px;
}
.todaydate {
    border-top: #134E9F solid 2px;
    padding: 3px 10px;
    background-color: #9494FF;
    color: #fff;
    font-weight: bold;
}
ul.chmodsuccess li { color:green; }
ul.cdmodfail li { color: red; }

.generatetem{
    text-decoration: underline;
    font-weight:bold;
}

/****easy to different item in the minute**********/
.minute_even{
    background-color: #FFEBC5;
}


.minuteguide{
    background-color:white;
    padding-top:10px;
    border:2px orange solid;
}
